<template>
  <div class="app-container">
    <h2 style="text-align: center;">最终审核</h2>
    <el-steps :active="3" process-status="wait" align-center style="margin-bottom: 40px;">
    <el-step title="填写基本信息" />
      <el-step title="创建试题" />
      <el-step title="最终审核" />
    </el-steps>

       	<el-row>
			<el-col :span="12">
				<div>
					<el-form
      ref="mainForm"
      :model="mainForm"
      :rules="mainFormRules"
     
      class="jt-form"
    >
						<el-form-item label="活动名称">
							<el-input></el-input>
						</el-form-item>
						<el-form-item label="活动区域">
							<el-select placeholder="请选择活动区域"> </el-select>
						</el-form-item>
						<el-form-item label="活动时间">
							<el-date-picker type="date" placeholder="选择日期"></el-date-picker>
							<i class="el-icon-minus"></i>
							<el-time-picker placeholder="选择时间"></el-time-picker>
						</el-form-item>
						<el-form-item label="选择方式">
							<el-radio-group value="随机">
								<el-radio-button label="随机"></el-radio-button>
								<el-radio-button label="组合"></el-radio-button>
								<el-radio-button label="综合"></el-radio-button>
								<el-radio-button label="抽题"></el-radio-button>
							</el-radio-group>
						</el-form-item>
						<el-form-item label="即时配送">
							<el-switch></el-switch>
						</el-form-item>
						<el-form-item label="活动性质">
							<el-checkbox-group>
								<el-radio label="1">备选项</el-radio>
								<el-radio label="2">备选项</el-radio>
							</el-checkbox-group>
						</el-form-item>
					
						<el-form-item label="活动形式">
							<el-input type="textarea"></el-input>
						</el-form-item>

					</el-form>
				</div>
			</el-col>
			<el-col :span="12">
				<div>
					<el-row class="panel ">
						<div class="clearfix">
							<el-col span="16">
								<span class="paper-name">aaaaa </span>
								<span class="paper-type">（选题组卷）</span>
							</el-col>
							<el-col span="8"> <a>预览试卷 </a><a>编辑试卷</a> </el-col>
						</div>
						<el-col span="24"> <span class="title">创建人:</span><span class="content">XX</span> </el-col>
						<el-col span="24"> <span class="title">应参与人数：</span><span><span class="content"></span>1人</span> </el-col>
						<el-col span="24"> <span class="title">试题数量:</span><span class="content">10</span> </el-col>
						<el-col span="24"> <span class="title">创建日期: </span><span class="content">2021-07-20 08:56:20</span>
						</el-col>
					</el-row>
				</div>
				<div class="panel">
					<div class="clearfix">
						<p class="content">
							考试说明
						</p>
						<el-input type="textarea" placeholder="请填写考试说明" v-model="textarea2">
						</el-input>
					</div>
				</div>
			</el-col>
		</el-row>
		<el-row class="jt-detail__opt">
			<el-button type="primary">立即创建</el-button>
			<el-button>返回</el-button>
		</el-row>
    
  </div>
</template>
<script>
export default {
  data() {
    return {
      flag: false,
      saveBtnDisabled: false, // 保存按钮是否禁用
    };
  },
 
  created() {},
  methods: {},
};
</script>

<style lang="scss">
    .panel {
        margin-bottom: 20px;
        .paper-name {
            color: #7c7c7c;
            font-size: 16px;
        }
        .paper-type {
            color: #C1C1CB;
            font-size: 16px;
        }
        .title {
            color: #9090A4;
            font-size: 16px;
        }
        .content {
            margin-left: 10px;
            font-size: 16px;
            color: #666;
        }
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 4px;
        .clearfix {
            height: 60px;
            background-color: #fafafa;
            padding: 20px 15px;
            border-bottom: 0;
            a {
                border-right: 1px solid #DEDEDE;
                padding-right: 10px;
                margin-right: 10px;
                font-size: 14px;
                color: #1A8CFE;
            }
        }
        .el-col-24 {
            margin-top: 22px;
            background-color: #F5F5F5;
            padding-left: 20px;
        }
        .el-textarea {
            margin-top: 30px;
        }
    }
</style>

